<template>
  <div>
    <img id="img" alt="" height="48" src="../assets/icons/Amap.png" style="cursor: pointer" width="48" @click="hi">

    <el-drawer id="about"
               :direction="direction"
               :modal="false"
               :visible.sync="drawer"
               size=""
    >
      <pre id="body">{{ banner }}</pre>
    </el-drawer>

  </div>
</template>

<script>
export default {
  name: "AboutMe",
  data() {
    return {
      drawer: false,
      direction: 'ltr',
      banner: "                                              `:oDFo:`                                                   \n" +
          "                                           ./ymM0dayMmy/.                                                    \n" +
          "                                        -+dHJ5aGFyZGVyIQ==+-                                                 \n" +
          "                                    `:sm⏣~~Destroy.No.Data~~s:`                                              \n" +
          "                                 -+h2~~Maintain.No.Persistence~~h+-                                          \n" +
          "                             `:odNo2~~Above.All.Else.Do.No.Harm~~Ndo:`                                       \n" +
          "                          ./etc/shadow.0days-Data'%20OR%201=1--.No.0MN8'/.                                   \n" +
          "                       -++SecKCoin++e.AMd`       `.-://///+hbove.913.ElsMNh+-                                \n" +
          "                      -~/.ssh/id_rsa.Des-                  `htN01UserWroteMe!-                               \n" +
          "                      :dopeAW.No<nano>o                     :is:TЯiKC.sudo-.A:                               \n" +
          "                      :we're.all.alike'`                     The.PFYroy.No.D7:                               \n" +
          "                      :PLACEDRINKHERE!:                      yxp_cmdshell.Ab0:                               \n" +
          "                      :msf>exploit -j.                       :Ns.BOB&ALICEes7:                               \n" +
          "                      :---srwxrwx:-.`                        `MS146.52.No.Per:                               \n" +
          "                      :<script>.Ac816/                        sENbove3101.404:                               \n" +
          "                      :NT_AUTHORITY.Do                        `T:/shSYSTEM-.N:                               \n" +
          "                      :09.14.2011.raid                       /STFU|wall.No.Pr:                               \n" +
          "                      :hevnsntSurb025N.                      dNVRGOING2GIVUUP:                               \n" +
          "                      :#OUTHOUSE-  -s:                       /corykennedyData:                               \n" +
          "                      :$nmap -oS                              SSo.6178306Ence:                               \n" +
          "                      :Awsm.da:                            /shMTl#beats3o.No.:                               \n" +
          "                      :Ring0:                             `dDestRoyREXKC3ta/M:                               \n" +
          "                      :23d:                               sSETEC.ASTRONOMYist:                               \n" +
          "                       /-                        /yo-    .ence.N:(){ :|: & };:                               \n" +
          "                                                 `:Shall.We.Play.A.Game?tron/                                \n" +
          "                                                 ```-ooy.if1ghtf0r+ehUser5`                                  \n" +
          "                                               ..th3.H1V3.U2VjRFNN.jMh+.`                                    \n" +
          "                                              `MjM~~WE.ARE.se~~MMjMs                                         \n" +
          "                                               +~KANSAS.CITY's~-`                                            \n" +
          "                                                J~HAKCERS~./.`                                               \n" +
          "                                                .esc:wq!:`                                                   \n" +
          "                                                 +++ATH`                                                     \n" +
          "                                                  `                                                          \n" +
          "                    \n" +
          "                                    Don't forget who you are...                                              \n"
    };
  },
  methods: {
    hi() {
      this.drawer = true;
    },
  }
}
</script>

<style scoped>
#img {
  z-index: 5;
  margin-top: auto;
  margin-left: 10px;
  width: 50px;
}
</style>
